<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>那家网商品详情页</title>
		<!--引入局部html-->
		<link rel="stylesheet" type="text/css" href="css/details_style.min.css" />
		<script data-main="js/details.min.js" src="js/require.min.js"></script>
		<script src="js/iconfont.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="box">
			<!--头部开始-->
			<!--header_top部分开始-->
			<div id="header_top_box">
				<!--引入header_top  html-->
			</div>
			<!--header_top部分结束-->

			<!--header搜索菜单导航栏部分开始-->
			<div id="header-box">
			</div>
			<!--header搜索菜单导航栏部分结束-->
			<!--头部结束-->

			<!--上部分开始-->
			<div class="box-shadow1">
				<div class="border-4">
					<!--面包屑开始-->
					<div class="mic">
						<span><a href="#">食品生鲜、酒茶、冲饮</a></span> &gt;
						<a href="#">粮油调味 </a>&gt;
						<a href="#">调味品</a>&gt;
						<a href="#">贵州特产老干妈四瓶装 四种口味：风味豆豉油制辣椒280g+风味鸡辣椒+牛肉沫+香菇</a>
					</div>
					<!--面包屑结束-->
					<!--左侧图片开始-->
					<div class="left_pic">
						<div id="vertical" class="bigImg">
							<img src="images/xq1.jpg" width="398" height="398" id="midimg">
							<div style="left: 163px; top: 77px; display: none;" id="winSelector"></div>
						</div>
						<!--bigImg end-->

						<div class="smallImg">
							<div class="scrollbutton smallImgUp disabled">
								<i class="fa-angle-left font_20">&lt;</i>
							</div>
							<div id="imageMenu">
								<ul>
									<li><img src="images/xq1.jpg"></li>
									<li><img src="images/xq2.jpg"></li>
									<li><img src="images/xq3.jpg"></li>
									<li><img src="images/xq4.jpg"></li>
									<li><img src="images/xq10.jpg"></li>
									<li><img src="images/xq8.jpg"></li>
									<li><img src="images/xq9.jpg"></li>
								</ul>
							</div>
							<div class="scrollbutton smallImgDown">
								<i class="fa-angle-right font_20">&gt;</i>
							</div>
						</div>
						<!--smallImg end-->
						<div id="bigView" style="width: 472.362px; height: 422.111px; top: 260px; left: 445px; display: none;">
							<img width="800" height="800" src="images/xq1.jpg" style="left: -327.638px; top: -154.774px;">
						</div>
						<!--下图片下面的分享信息 商品信息 开始 -->
						<div class="mar_t10">
							<span class="mar_l10 fr cursor js_favourite">
								<i></i>
								<span id="shoucangshangpin">收藏商品</span>
							</span>
						</div>
						<!--下图片下面的分享信息 商品信息 开始 -->

					</div>

					<!--左侧图片结束-->
					<!--中间文字购买信息开始-->
					<div class="mid">
						<div class="mid_tit">
							<a title="贵州特产老干妈四瓶装 四种口味：风味豆豉油制辣椒280g+风味鸡辣椒+牛肉沫+香菇">贵州特产老干妈四瓶装 四种口味：风味豆豉油制辣椒280g+风味鸡辣椒+牛肉沫+香菇</a>
							<span>商品不是在售状态，无法购买！</span>

						</div>
						<div class="mid_font1">
							<ul>
								<li>
									<div class="mid_f_left">市场价：</div>
									<!-- 如果是询价的商品，市场价就展示为空 -->
									<div class="mid_f_right">
										<del id="marketPrice_del"> ￥49.60 </del>
									</div>
								</li>
								<li>
									<div class="mid_f_left">售价：</div>

									<div class="mid_f_right" id="shoujia">
										<strong>
                                            <span>￥49.60</span>
                                        </strong>
									</div>

								</li>
								<li class="po_re">
									<div class="mid_f_left">促销信息：</div>
									<div class="mid_f_right">
										<span>暂无</span>
									</div>
								</li>
								<li>
									<div class="mid_f_left">商品评分：</div>
									<div class="mid_f_right">
										<i class="star-off"></i>
										<i class="star-off"></i>
										<i class="star-off"></i>
										<i class="star-off"></i>
										<i class="star-off"></i>
									</div>
								</li>
								<li id="distrib" class="po_re">
									<div class="mid_f_left">配送：</div>
									<div class="mid_f_right">
										<i class="fl mar_r10" title="贵州省">贵州省 至</i>
										<div class="text border-4 js_guanqu cursoe">
											<span class="js_address cursoe">北京市</span>
											<b>∨</b>
										</div>
										<div class="store-prompt" id="store-prompt-ESM">
											包邮
										</div>
										<input type="hidden" id="qty_js" value="298">
									</div>
									<!--mid_f_right end-->
								</li>
								<li class="mar_tb10" style="padding-top: 5px;margin-top:-7px">
									<div class="mid_f_left">发货时间：</div>
									<div class="mid_f_right">2天内</div>
								</li>
								<li class="mar_tb10" style="padding-top: 0px;margin-top:-12px">
									<div class="mid_f_left">服务承诺：</div>
									<div class="mid_f_right">七天包退</div>
								</li>
								<li>
									<div class="mid_f_left attrName_js" name="68666:默认" style="height:auto;" title="默认">
										默认：
									</div>
									<div class="mid_f_right">
										<span class="press_classes po_re js_attr">默认<b></b></span>
									</div>
									<div class="clear"></div>
								</li>
								<li>
									<div class="mid_f_left">数量：</div>
									<div class="mid_f_right" style="width: auto">
										<div class="wrap-input">
											<a class="btn-reduce" href="javascript:void(0);">-</a>
											<input value="1" class="text">
											<a class="btn-add" href="javascript:void(0);">+</a>
										</div>
									</div>
								</li>
								<li style="margin-top: 1px;">
									<div class="mid_f_left">库存：</div>
									<div class="mid_f_right">
										<div class="wrap-input">
											<input class="text border-4" value="298">
										</div>
									</div>
								</li>

							</ul>
						</div>

						<div class="tb-btn-buy tb_btn-sku" id="toProOrderView" style="display:true">
							<a>立即购买</a>
						</div>
						<div class="mall_button js_addCart" id="addCart" style="display:true">
							加入购物车
						</div>

						<div class="mid_font1">
							<ul>
								<li>
									<div class="mid_f_left">支付：</div>
									<!-- 如果是询价的商品，市场价就展示为空 -->
									<div class="mid_f_right">
										<div class="icon_png2 fl mar_t2"></div>
										<!--icon_png end -->
										<div class="fl wid_60">立即支付</div>
										<!--立即支付 end -->
										<input type="hidden" value="" id="payType">
									</div>
									<!--mid_f_right end -->
								</li>
							</ul>

						</div>
						<!--中间文字购买信息结束-->

						<!-- 最右侧的小盒子-->
						<div class="right_box">
							<h3>商家信息</h3>
							<ul>
								<li class="right3" style="height:120px;">
									<div class="list">
										<ul>
											<li style="width: 200px;">服务评价：
												<span>
													<i class="heart-on"></i>
													<i class="heart-on"></i>
													<i class="heart-on"></i>
													<i class="heart-on"></i>
													<i class="heart-half"></i>
												</span>
												<i class="fr">4.8分</i>
											</li>
											<li style="width: 200px;">描述相符：
												<span>
													<i class="star-on"></i>
													<i class="star-on"></i>
													<i class="star-on"></i>
													<i class="star-on"></i>
													<i class="star-half"></i>
												</span>
												<i class="fr">4.7分</i>
											</li>
											<li style="width: 200px;">发货速度：
												<span>
													<i class="star-on"></i>
													<i class="star-on"></i>
													<i class="star-on"></i>
													<i class="star-on"></i>
													<i class="star-half"></i>
												</span>
												<i class="fr">4.8分</i>
											</li>
											<li style="width: 200px;">态度服务：
												<span>
													<i class="star-on"></i>
													<i class="star-on"></i>
													<i class="star-on"></i>
													<i class="star-on"></i>
													<i class="star-half"></i>
												</span>
												<i class="fr">4.8分</i>
											</li>
										</ul>
									</div>
								</li>
								<li class="left">店铺名称：</li>
								<li class="right1">
									<a href="#">原滋佳香</a>

								</li>
								<li class="left">公司名称：</li>
								<li class="right1">贵州原滋佳香科技有限公司</li>
								<li class="left">服务认证：</li>
								<li class="right1">食物安全</li>
								<li class="left">所&nbsp;在&nbsp;地&nbsp;：</li>
								<li class="right1">贵州省安顺市西秀区康乐花园</li>
								<li class="right2">
									<a href="#">进入卖家店铺</a><br>
									<a href="javascript: void(0);" class="mar_l10">
										<i></i>收藏店铺
									</a>
								</li>
							</ul>
						</div>
						<!-- 最右侧的小盒子-->
					</div>
					<!-- 右侧div结束-->
				</div>
			</div>
			<!--上部分结束-->

			<!--下部分开始-->
			<div id="content-bottom">
				<!--左侧开始-->
				<div id="product_left">
					<dl>
						<dt>产品分类</dt>
						<dd title="佳香美食" class="product_left_xl px1">
							<i>
								<svg class="icon" aria-hidden="true" style="display: block;">
  									<use xlink:href="#icon-xialajiantou"></use>
								</svg>
								<svg class="icon" aria-hidden="true" style="display: none;">
  									<use xlink:href="#icon-shanglajiantou"></use>
								</svg>
							</i>
							<span>佳香美食</span>
						</dd>
						<ul class="ul1">
							<li title="波波糖">
								<i>&gt;</i> 波波糖
							</li>
							<li title="香辣脆">
								<i>&gt;</i> 香辣脆
							</li>
							<li title="山里妹">
								<i>&gt;</i> 山里妹
							</li>
							<li title="牛来香">
								<i>&gt;</i> 牛来香
							</li>
							<li title="手工面">
								<i>&gt;</i> 手工面
							</li>
							<li title="辣子鸡">
								<i>&gt;</i> 辣子鸡
							</li>
							<li title="贵州三宝">
								<i>&gt;</i> 贵州三宝
							</li>
							<li title="百花串月饼">
								<i>&gt;</i> 百花串月饼
							</li>
							<li title="紫云红芯红薯">
								<i>&gt;</i> 紫云红芯红薯
							</li>
							<li title="传统腊味">
								<i>&gt;</i> 传统腊味
							</li>
							<li title="安顺麻饼">
								<i>&gt;</i> 安顺麻饼
							</li>
						</ul>
						<dd title="原滋调味" class="product_left_xl px2">
							<i>
								<svg class="icon" aria-hidden="true" style="display: block;">
  									<use xlink:href="#icon-xialajiantou"></use>
								</svg>
								<svg class="icon" aria-hidden="true" style="display: none;">
  									<use xlink:href="#icon-shanglajiantou"></use>
								</svg>
							</i>
							<span>原滋调味</span>
						</dd>
						<ul class="ul2">
							<li title="辣椒">
								<i>&gt;</i> 辣椒
							</li>
							<li title="火锅调料">
								<i>&gt;</i> 火锅调料
							</li>
							<li title="百花串">
								<i>&gt;</i> 百花串
							</li>
							<li title="糍粑辣椒">
								<i>&gt;</i> 糍粑辣椒
							</li>
						</ul>
					</dl>

				</div>
				<!--左侧结束-->

				<!--右侧开始-->
				<div id="right">
					<!--tabs开始-->
					<div class="nTab">
						<!-- 标题开始 -->
						<div class="TabTitle">
							<ul id="myTab0">
								<li class="active no1">商品介绍</li>
								<li class="normal no1">包装清单</li>
								<li class="normal no1">商品评价</li>
								<li class="normal no1">售后保障</li>
							</ul>
						</div>
						<!-- 内容开始 -->
						<div class="TabContent">
							<!-- 商品介绍下的内容开始 -->
							<ul>
								<li title="贵州特产老干妈四瓶装 四种口味：风味豆豉油制辣椒280g+风味鸡辣椒+牛肉沫+香菇">商品名称：贵州特产老干妈四瓶装 四种口味：风味豆豉油制辣椒280g+风味鸡辣椒+牛肉沫+香菇</li>
								<li title="21284">商品编号：21284</li>
								<li title="2018-07-20 13:59:10 ">上架时间：2018-07-20 13:59:10 </li>
								<li title="原滋佳香">店铺名称：原滋佳香</li>
								<li>商品产地：四川</li>
								<li>商品毛重：500g </li>
								<li>商品体积：50*20</li>
							</ul>
						</div>
					</div>
					<!--tabs结束-->
					<!--下面图片内容开始-->
					<div class="right_pic">
						<div style="text-align: left;">
							<span style="line-height: 18px;">
								<span style="font-family: 'Microsoft YaHei'; font-size: 24px;">
									<span style="color:#ff0000;">
										<strong>四种口味套餐组合：</strong>
									</span>
							</span>
							</span>
						</div>
						<div style="text-align: left;">
							<span style="line-height: 18px;">
								<span style="font-family: 'Microsoft YaHei'; font-size: 24px;">
									<span style="color:#ff0000;">
										<strong><br></strong>
									</span>
							</span>
							</span>
						</div>
						<div style="text-align: left;">
							<span style="line-height: 18px;">
								<span style="font-family: 'Microsoft YaHei'; font-size: 24px;">
									<span style="color:#ff0000;">
										<strong>风味豆豉油制辣椒280g + 风味鸡辣椒280g + 香菇油辣椒210g + 牛肉末豆豉油</strong>
									</span>
							</span>
							</span>
						</div>
						<div style="text-align: left;">
							<span style="line-height: 18px;">
								<span style="font-family: 'Microsoft YaHei'; font-size: 24px;">
									<span style="color:#ff0000;">
										<strong><br></strong>
									</span>
							</span>
							</span>
						</div>
						<div style="text-align: left;">
							<span style="line-height: 18px;">
								<span style="font-family: 'Microsoft YaHei'; font-size: 24px;">
									<span style="color:#ff0000;">
										<strong>辣</strong>
									</span>
							</span>
							</span>
							<span style="color: rgb(255, 0, 0); font-family: 'Microsoft YaHei'; font-size: 24px; line-height: 18px;">椒210g（或香辣脆油辣椒210g2者随机），</span>
						</div>
						<div style="text-align: left;">
							<span style="line-height: 18px;">
								<span style="font-family: 'Microsoft YaHei'; font-size: 24px;">
									<span style="color:#6c6c6c;"><br>
									</span>
							</span>
							</span>
						</div>
						<div style="text-align: left;">
							<span style="font-family:Microsoft YaHei;color:#ff0000;">
								<span style="font-size: 24px; line-height: 18px;">限时1小时抢购进行中。。。。</span>
							</span>
						</div>
						<div style="text-align: left;">
							<span style="font-family:Microsoft YaHei;color:#ff0000;">
								<span style="font-size: 24px; line-height: 18px;"><br>
								</span>
							</span>
						</div>
						<div style="text-align: left;">
							<span style="font-family:Microsoft YaHei;color:#ff0000;">
								<span style="font-size: 24px; line-height: 18px;">客服电话：13595341008</span>
							</span>
						</div><br>
						<p>
							<img src="images/xq1.jpg">
						</p>
						<p><br>
							<img src="images/xq5.jpg"><br>
							<img src="images/xq6.jpg"><br>
							<img src="images/xq7.jpg"><br>
							<img src="images/xq8.jpg"><br>
							<img src="images/xq9.jpg"><br>
							<img src="images/xq10.jpg"><br>
							<img src="images/xq11.jpg"><br>
							<img src="images/xq12.jpg"><br>
							<img src="images/xq1.jpg"><br>
						</p>
					</div>
					<!--下面图片内容结束-->

					<!--购买咨询   开始-->
					<div class="consultContent">
						<div class="nTab2">
							<!-- 标题开始 -->
							<div class="TabTitle2">
								<ul>
									<li class="active2">全部购买咨询</li>
									<span>发表咨询</span>
								</ul>
							</div>
							<!--TabTitle end -->
							<!-- 内容开始 -->
							<div class="TabContent2">
								<!-- 全部购买咨询 的内容开始 -->
								<div>
									<p>
										<b>温馨提示</b>：因厂家更改产品包装、产地或者更换随机附件等没有任何提前通知，且每位咨询者购买情况、提问时间等不同，为此以下回复仅供参考！若由此给您带来不便请多多谅解，谢谢！
									</p>
								</div>
							</div>
						</div>
						<!--分页-->
						<div class="page2">
							<ul>
								<li>
									<a class="lastPage disabled" href="javascript:text(0)">首页</a>
								</li>
								<li>
									<a class="lastPage disabled" href="javascript:text(0)">上一页</a>
								</li>
								<li>
									<a class="curr" href="javascript:topage(1)">1</a>
								</li>
								<li>
									<a class="lastPage disabled" href="javascript:text(0)">下一页</a>
								</li>
								<li>
									<a class="lastPage disabled" href="javascript:text(0)">末页</a>&nbsp;共0页</li>
								<li class="nextPage">，第
									<input class="input_Style2" value="1"> 页
									<span class="cursor">[跳转]&nbsp;&nbsp;</span>
								</li>
							</ul>
						</div>
						<!--分页end-->
						<!--购买咨询   结束-->
					</div>
					<!--右侧结束-->
				</div>
				<!--下部分结束-->
			</div>
			<!--footer开始-->
			<div id="footer">
				<!--引入底部html-->
			</div>
			<!--footer结束-->
		</div>
	</body>

</html>